@function rem($val) {
  @return ($val/2/20)+rem;
}

.font-base-28{
  font-size: rem(28);
}
.font-base-24{
  font-size: rem(24);
}
.font-base-22{
  font-size: rem(22);
}
.bd0{
  border: 0 !important;
}
.c999{
  color: #999;
}
.asc{
  align-self: center;
}
.myJFGreen{
  color: #34b700;
}
.myJFOrgice{
  color: #ff8c1b !important;
}

.center-setting{
  height: rem(88);
  line-height: rem(88);
  background: #ff8c1b;
  color: #fff;
  text-align: center;
  font-size: rem(36);
  position: relative;

  img{
    width: rem(38);
    height: rem(38);
    position: absolute;
    top: rem(25);
    right: rem(30);
  }
}

.center-img{
  height: 7.49rem;
  position: relative;
  background: url("../img/bg2.png") center/100% rem(300) no-repeat;

  .center-ewm{
    position: absolute;
    right: rem(30);
    bottom: rem(65);
    width: rem(92);
    height: rem(92);
  }
  .center-rz{
    width: rem(260);
    height: rem(126);
    position: absolute;
    bottom: rem(65);
    left: 50%;
    transform: translateX(-50%);
    background: url("../img/bl.png") center/cover no-repeat;

    .center-img-tx{
      width: rem(162);
      height: rem(162);
      position: absolute;
      left: 50%;
      bottom: rem(55);
      transform: translateX(-50%);
    }

    img{
      width: rem(40);
      height: rem(40);
      position: absolute;
    }
    .center-rz-1{
      top: 0;
      left: -14px;
    }
    .center-rz-2{
      top: rem(62);
      left: 4px;
    }
    .center-rz-3{
      top: rem(97);
      left: 40px;
    }
    .center-rz-4{
      top: rem(97);
      right: 35px;
    }
    .center-rz-5{
      top: rem(62);
      right: 10px;
    }
    .center-rz-6{
      top: 0;
      right: -11px;
    }
  }
}


.center-order{
  border-top: rem(20) solid #f5f5f5;
  border-bottom: rem(10) solid #f5f5f5;
  background: #fff;

  > div:last-child{
    border-bottom: none;
  }

  div.center-order-box2{
    padding-left: rem(30);
    padding-right: rem(30);

    .center-account-icon1{
      margin-right: rem(10);
    }
  }

  .center-order-box{
    display: flex;
    padding: 0 rem(35) 0 rem(77);
    line-height: rem(86);
    justify-content: space-between;
    border-bottom: 1px solid #ccc;

    .center-account-icon1{
      width: rem(30);
      height: rem(30);
    }
    .center-order-show{
      flex: 1;
      text-align: right;
      box-sizing: border-box;
      padding-right: rem(10);
      color: #999;
    }
    > img{
      width: rem(12);
      align-self: center;
    }
  }

  .center-order-other{
    display: flex;
    justify-content: space-around;
    padding-bottom: rem(18);
    width: 95%;
    margin: auto;
    border-bottom: 1px solid #ccc;

    img{
      width: rem(41);
      height: rem(42);
      margin: rem(18) auto;
    }
  }
}

.center-account{
  border-bottom: rem(10) solid #f5f5f5;

  > div:last-child{
    border-bottom: none;
  }
  .center-account-public {
    margin: 0 rem(30);
    padding: rem(30) 0;
    display: flex;
    border-bottom: 1px solid #ccc;

    .center-account-money{
      color: #999999;
      flex: 1;
      text-align: right;
      box-sizing: border-box;
      padding-right: rem(10);
    }
    .center-account-icon2{
      width: rem(12);
      height: rem(22);
      align-self: center;
    }
    .center-account-icon1{
      width: rem(30);
      align-self: center;
      margin-right: rem(10);
    }
  }
}

.center-bank{
  .center-bank-txt{
    flex: 1;
    align-self: center;
  }
}

.center-share{
  border-bottom: rem(20) solid #f5f5f5;
  .center-account-public{
    border-bottom: 1px solid #cccccc;
  }
  .center-bank-txt{
    flex: 1;
  }
}

.btn{
  width: 90%;
  height: rem(86);
  line-height: rem(86);
  font-size: rem(30);
  display: block;
  margin: auto;
  text-align: center;
  border-radius: 10px;
  color: #ffffff;
  border: 0;
  align-self: center;
}
.btn-mt{
  margin-top: rem(72);
  margin-bottom: rem(30);
}
.btn-blue{
  background: #2a8fff;
}
.btn-orange{
  background: #ff8c1b;
}
.btn-color2{
  background: #bbb;
}
.center-setting02{
  border-top: rem(20) solid #f5f5f5;
}
.center-setting01{
  background: #fff;

  .center-account-public{
    margin: 0;
    padding-left: rem(30);
    padding-right: rem(30);
  }
}

.mt149{
  margin-top: rem(18);
}
.btn-mt2{
  margin-top: rem(149);
}
.center-rePas{

  > :first-child,
  input{
    padding-left: rem(100);
  }
  input::-webkit-input-placeholder{
    color: #999999;
  }
  > :first-child{
    color: #2a8fff;
    font-size: rem(24);
    line-height: rem(80);
  }
  > :last-child{
    background: #ffffff;
    font-size: rem(26);
  }
}

.center-rePas2{
  display: flex;
  padding-right: rem(37);
  
  button{
    border: 0;
    align-self: center;
    color: #fff;
    font-size: rem(26);
  }
  .center-txyzm{
    width: rem(192);
    height: rem(54);
    align-self: center;
  }
}

div.center-setting12{
  background: #2a8fff !important;
}

div.center-imgbg2{
  background-image: url(../img/sjgrbg.png);
}

#ksrz{
  .center-account-public{
    background: #fff;
  }
  .rz-txt{
    padding-left: rem(32);
  }
  .center-account-money{
    padding-right: rem(15);
    position: relative;

    input{
      height: 100%;
      font-size: inherit;
      text-align: right;
    }
    select{
      height: auto;
      font-size: inherit;
      position: absolute;
      right: 0;
      top: 0;
      opacity: 0;
    }
    span{
      color: #666666;
    }
    .rz-select{
      float: right;
      color: #666;
    }
    .rz-icon{
      float: right;
      margin-left: rem(18);
    }
  }
  .center-files{
    margin: rem(60) rem(157);
    width: 100%;
    height: rem(260);
    position: relative;

    > img{
      width: 100%;
      height: 100%;
    }
  }
  .center-files-bg{
    background: rgba(22,22,22,.6);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 20%;
    text-align: center;
    overflow: hidden;

    .center-files-icon{
      width: 25%;
      margin: auto;
    }
    span{
      color: #ffffff;
      margin-top: rem(21);
      display: inline-block;
    }
  }
  .boxDefault{
    margin: 0;
    padding: 0;
  }
  .rz-href{
    width: 100%;
    display: block;
    text-align: right;
    padding: 0 rem(36) rem(32);
  }
  .rz-agreement{
    text-align: right;
    margin-top: rem(52);
    margin-right: 2%;

    img,
    .rz-href{
      display: inline-block;
    }
    img{
      width: rem(28);
      vertical-align: middle;
      position: relative;
      top: -1px;
      margin-right: rem(14);
    }
    .rz-href{
      width: auto;
      display: inline-block;
      padding: 0;
      font-size: inherit;
    }
  }
  .center-files-btn{
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
  }
  .myJF{
    background: url("../img/sjgrbg.png");
    height: rem(334);
    text-align: center;
    color: #fff;

    > :first-child{
      margin: 0 0 rem(95);
      padding-top: rem(65);
      font-size: rem(30);
      line-height: 1;
    }
    > :last-child{
      padding-bottom: rem(92);
      font-size: rem(72);
      line-height: 1;
      width: 90%;
      margin: auto;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
}

#myJFLog{
  > :first-child{
    border-bottom: 0;
  }
  .center-account > :last-child{
    border-bottom: 1px solid #ccc;
  }
  .myJFLogNO{
    text-align: center;
    color: #999;
    font-size: rem(30);
    margin-top: rem(120);
    margin-bottom: rem(60);

    span{
      position: relative;
      top: -2.5px;
    }
  }
}

.collectBox{
  .collect-tit{
    padding: rem(25) 0;
    border-bottom: 1px solid #ccc;

    img{
      width: rem(34);
      height: rem(34);
      margin-right: rem(11);
      margin-left: rem(31);
      display: inline-block;
    }
    span{
      font-size: rem(26);
      color: #333;
      width: 60%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      line-height: 1;
    }
  }
  .collect-main{
    padding: rem(32) rem(31);
    display: flex;
    border-bottom: 1px solid #ccc;

    .collect-left{
      width: rem(182);
      height: rem(182);
    }
    .collect-right{
      flex: 1;
      margin-left: rem(22);
      position: relative;

      .collect-name{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: rem(24);
      }
      .collect-money{
        margin: rem(32) 0;
        color: #ff2a34;
        line-height: 1;
      }
      .collect-remove{
        height: rem(52);
        line-height: rem(52);
        font-size: rem(24);
        background: none;
        color: #a4a4a4;
        border: 1px solid #cccccc;
      }
      .collect-add{
        position: absolute;
        width: rem(39);
        height: rem(39);
        right: rem(43);
        bottom: 1px;
      }
    }
  }
}

.rz-status-box{
  > :first-child{
    margin-top: rem(30);
  }
}
.rz-status{
  width: 90%;
  height: rem(212);
  background: #fff;
  margin: auto;
  margin-bottom: rem(30);
  padding: rem(41) rem(37) 0;
  position: relative;
  border-radius: 10px;
  box-shadow: 0 7px 15.2px 0.8px rgba(68,68,68,.07);

  .rz-tit{
    font-size: rem(30);
    line-height: 1;
    color: #333;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    
    img,span{
      float: left;
    }
    img{
      width: rem(31);
      height: rem(31);
      margin-left: rem(15);
    }
  }
  .rz-txt{
    margin-top: rem(40);
    font-size: rem(24);
    line-height: 1;
    color: #999;
  }
  .rz-btn{
    width: rem(108);
    height: rem(50);
    line-height: rem(50);
    position: absolute;
    right: rem(35);
    bottom: rem(30);
    font-size: rem(26);
  }
}

.sfsj{
  padding: rem(26) rem(30) 0;

  > div{
    margin-top: rem(30);
  }
  .sfsjIcon{
    width: rem(38);
    height: rem(38);
    display: inline-block;
    vertical-align: top;
  }
  .sfsjBox{
    display: inline-block;
    width: 90%;

    > :first-child{
      font-size: rem(30);
    }
    > :last-child{
      margin-top: rem(16);
      font-size: rem(26);
      color: #9999;
    }
  }
}

.myAccInd{
  font-size: rem(60);
  span{
    font-size: rem(36);
  }
}
.myAccInd2{
  .center-account-icon1{
    margin-left: rem(15);
  }
}

.myAccShu{
  input::-webkit-input-placeholder,div.rz-select{
    color: #999 !important;
  }
  .center-account{
    border-bottom-width: rem(20);
  }
  .rz-href{
    padding-bottom: 0;
    text-align: right;
    margin-top: rem(30);
  }
}

.addBlank{
  .rz-txt{
    width: 36%;
    line-height: 1;
  }
  input{
    text-align: left !important;
  }
  input::-webkit-input-placeholder{
    color: #999999;
  }
  > :last-child{
    padding: .5rem 0;
  }
  .addBlankBtn{
    width: rem(148);
    height: rem(50);
    line-height: 1.25rem;
    padding: 0;
    font-size: rem(24);
    border-radius: 6px;
  }
}

.myBlank{
  > :first-child{
    border-bottom: 0;
  }
  > :first-child > :first-child:after{
    content: '';
    display: block;
    clear: both;
  }
  .myBlankInfo{
    width: 50%;
    text-align: center;
    float: left;
    overflow: hidden;
  }
  .myBlankFoot{
    text-align: center;
  }
  span{
    color: #2a8fff;
  }
  .myBlankMoney{
    font-size: rem(48);
    padding: rem(45) 0 rem(53);
    line-height: 1;
  }
  .myBlankTag span {
    width: rem(125);
    height: rem(48);
    line-height: rem(48);
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 46px;
    font-size: rem(26);
    color: #333;
    margin-left: rem(29);
  }
  .myBlankTag img{
    width: rem(26);
    height: rem(26);
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: rem(10);
  }
  .myBlankTag > :first-child{
    margin-left: 0;
  }
  .myBlankFoot p{
    margin-top: rem(24);
  }
  .myBlankAdd{
    text-align: center;
    margin-top: rem(112);

    img{
      width: rem(26);
      height: rem(26);
      display: inline-block;
      position: relative;
      top: 1.5px;
      margin-right: rem(10);
    }
    a{
      width: rem(232);
      height: rem(64);
      display: inline-block;
      font-size: rem(26);
      line-height: rem(64);
      color: #fff;
      background: #cacaca;
      border-radius: 40px;
    }
  }
}

.sh-radio{
  width: rem(32);
  height: rem(32);
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.szhy{
  margin-left: rem(25);
  position: relative;

  img{
    margin-left: rem(10);
  }
  input[type=radio]{
    position: absolute;
    opacity: 0;
  }
}